<script>
    export default {

    }
</script>

<template>
  <div>
    <nav>
      <router-link :to="{name: 'user', query: {pngSrc: '1.png'}}">图片1</router-link>
      <router-link :to="{name: 'user', query: {pngSrc: '2.png'}}">图片2</router-link>
      <router-link :to="{name: 'user', query: {pngSrc: '3.png'}}">图片3</router-link>
    </nav>

    <router-view></router-view>
  </div>
</template>

<style scoped>
  nav {
    margin: 0 15px;
  }
</style>